var win = Titanium.UI.currentWindow;
win.backgroundColor = '#13386c';
win.barColor = '#13386c';

//
//  Champ 1
//
var firstName = Titanium.UI.createLabel({
    color: '#fff',
    text: 'Indiquez votre prenom',
    top: 10,
    left: 30,
    width: 150,
    height: 'auto'
});

win.add(firstName);

var firstNameField = Titanium.UI.createTextField({
    hintText: 'votre prenom ici',
    height: 35,
    top: 35,
    left: 30,
    width: 250,
    borderStyle: Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
});

win.add(firstNameField);

//
//  Champ 2
//
var lastName = Titanium.UI.createLabel({
    color: '#fff',
    text: 'Indiquez votre nom',
    top: 75,
    left: 30,
    width: 150,
    height: 'auto'
});

win.add(lastName);

var lastNameField = Titanium.UI.createTextField({
    hintText: 'votre nom ici',
    height: 35,
    top: 100,
    left: 30,
    width: 250,
    borderStyle: Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
});

win.add(lastNameField);

//
// CREATE BUTTON
//
var save = Titanium.UI.createButton({
    title: 'Sauver mes informations',
    top: 170,
    left: 30,
    height: 30,
    width: 250
});
win.add(save);

//
//  Bouton d'enregistrement
//
var messageView = Titanium.UI.createView({
    bottom: 10,
    backgroundColor: '#111',
    height: 40,
    width: 270,
    borderRadius: 10
});

var messageLabel = Titanium.UI.createLabel({
    color: '#fff',
    text: 'Inscrivez-vous en cliquant ici',
    height: 'auto',
    width: 'auto',
    textAlign: 'center'
});

messageView.add(messageLabel);

win.add(messageView);
